<!--
 * @Date: 2024-10-12 16:27:52
 * @LastEditTime: 2024-10-13 10:01:21
 * @FilePath: \zhirunjin\template\default\html\storege\head1.html
 * @Description: 
-->
<!doctype html>
<html lang="zh">

<head>
	<meta charset="utf-8">
	<title>{pboot:pagetitle}</title>
	<meta name="keywords" content="{pboot:pagekeywords}">
	<meta name="description" content="{pboot:pagedescription}">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,shrink-to-fit=no">
	<link rel="shortcut icon" href="{pboot:sitepath}/favicon.ico" type="image/x-icon">
	<link rel="stylesheet" href="{pboot:sitetplpath}/bootstrap/css/bootstrap.min.css">
	<!-- <link rel="stylesheet" href="{pboot:sitetplpath}/font-awesome-4.7.0/css/font-awesome.min.css"> -->
	<link rel="stylesheet" href="{pboot:sitetplpath}/swiper-4.3.5/css/swiper.min.css">
	<link rel="stylesheet" href="{pboot:sitetplpath}/css/animate.css">
	<link rel="stylesheet" href="{pboot:sitetplpath}/css/custom.css">
	<script src="{pboot:sitetplpath}/js/jquery-1.12.4.min.js"></script>
	<style>
		.fullscreen-nav {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 50px;
			background-color: rgba(0, 0, 0, 0.9);
			z-index: 1000;
		}

		.fullscreen-nav.active {
			display: block;
		}

		.nav-wrapper {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0 20px;
		}

		.logo img {
			max-height: 50px;
		}

		nav ul {
			list-style-type: none;
			padding: 0;
			display: flex;
			align-items: center;
		}

		nav ul li {
			margin: 0 10px;
		}

		nav ul li a {
			color: white;
			font-size: 16px;
			text-decoration: none;
		}

		.menu-toggle {
			cursor: pointer;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			width: 30px;
			height: 21px;
		}

		.menu-toggle span {
			background-color: white;
			height: 3px;
			width: 100%;
			transition: all 0.3s ease;
		}

		.menu-toggle.active span:nth-child(1) {
			transform: rotate(45deg) translate(5px, 5px);
		}

		.menu-toggle.active span:nth-child(2) {
			opacity: 0;
		}

		.menu-toggle.active span:nth-child(3) {
			transform: rotate(-45deg) translate(7px, -6px);
		}
	</style>
</head>

<body>
	<!-- <header class="fullscreen-nav">
        <div class="nav-wrapper">
            <div class="logo">
                <a href="{pboot:sitepath}/">
                    <img src="{pboot:sitelogo}" alt="{pboot:sitename}">
                </a>
            </div>
            <nav>
                <ul>
                    <li><a href="{pboot:sitepath}/">首页</a></li>
                    {pboot:nav}
                    <li><a href="[nav:link]">[nav:name]</a></li>
                    {/pboot:nav}
                </ul>
            </nav>
            <div class="menu-toggle">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </header> -->

	<!-- 这里是页面的其他内容 -->

	<!-- 在body标签结束前添加以下代码 -->
	<script>
		$(document).ready(function () {
			$('.menu-toggle').click(function () {
				$(this).toggleClass('active');
				$('.fullscreen-nav').toggleClass('active');
			});
		});
	</script>
</body>

</html>